Working in HTML > Using the Markup Tree palette
 		><

Using the Markup Tree palette


The Markup Tree palette (Window > Markup Tree) provides a navigational tool that makes selecting HTML elements, even in complex documents, quick and precise. The palette visualizes the current selection (in Layout, Frames, or Outline mode) in a hierarchical tree structure from the selected element back to the root. For example, with a table cell selected, the Markup Tree palette displays the structure starting with the HTML element, the body element, the table element, the row, and then the cell.

When you click an element in the Markup Tree, the element is selected in the document window and in the Source Code palette. Navigational controls (, ) let you step forward or back among previously selected elements so you can quickly return to an element you have edited before.

The Markup Tree palette's pop-up menu gives you several options:
  • Choose Select Previous Item to select the item you were previously editing.
  • Choose Select Next Item to select the next item in the selection history.
  • Choose Draw Bevels to view elements in the markup tree as beveled buttons.
  • Choose Draw Indented to view the markup tree in a hierarchical structure.

    • Working in HTML > Using the Markup Tree palette